<template>
  <view class="content">
    <view class="title">{{video_de.title}}</view>
    <view class="video">
      <video :src="video_de.file" bindplay="onVideoPlay" bindpause="onVideoPause" ></video>
    </view>
    <view class="u-content">
      <view class="ft_16 fw-b p_bottom_10 mr_10">
        视频详情
      </view>
      <u-parse class="p_bottom_10"  :html="video_de.content" :tag-style="style"></u-parse>
    </view>
  </view>
</template>

<script>


export default {

  data() {
    return {
      videoid:-1,
      video_de:{},
      style: { //商品详情富文本样式
        img: 'width:690rpx,',
        p:'line-height:2;'
      },
    }
  },
  onLoad(e) {
    if(e.videoid){ //获取商品id
      this.videoid=e.videoid
      console.log(this.videoid,'999')
      this.videode()
    }
  },

  methods: {
    videode(){ //获取商品信息
      this.$myRequest({
        url: 'api/index/Video_details',
        method:'POST',
        data:{
          id:this.videoid
        }
      }).then(res=>{
        this.video_de=res.data.data
      })
    },


  }
}
</script>

<style lang="scss">
.title{ text-align: center; padding: 20rpx;  font-size: 30rpx; font-weight: bold;}
.video video{ width: 100%;}
.p_bottom_10{
  padding-bottom: 10px;
}
.u-content {
  margin-top: 20rpx;
}
.mr_10{
  margin-left: 10rpx;
}
.ft_16{
  font-size: 16px;
}
</style>
